<template>
<div class="pc">
  <el-container>
    <el-header style="height:auto;border-bottom:1px solid #f5f5f5">
      <div class="pc-header-status">
        <div class="pc-header-status-main">
          <el-row>
            <el-col :span="12">
              <div class="grid-content bg-purple pc-header-status-main-city"><i>沈阳市</i>—供热便民缴费平台</div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple-light fr">便民缴费平台欢迎您！<a href="javascript:;">请登录</a></div>
            </el-col>
          </el-row>
        </div>
      </div>
      <div class="pc-header-nav">
        <span><a href="javascript:;"><img src="../assets/images/logo.jpg" width="202" height="55"/></a></span>
        <ul class="pc-header-nav-main">
          <li><a href="javascript:;">首页</a></li>
          <li><a href="javascript:;">生活缴费</a></li>
          <li><a href="javascript:;">供热诉求</a></li>
          <li><a href="javascript:;">新闻公告</a></li>
          <li><a href="javascript:;">帮助中心</a></li>
          <li><a href="javascript:;">关于我们</a></li>
          <li><a href="javascript:;">合作加盟</a></li>
        </ul>
        <div class="clear"></div>
      </div>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
    <el-footer>
      <div class="pc-footer">
        <div class="pc-footer-contents">
          <div class="pc-footer-contents-left">
            <div>
              <ul class="pc-footer-contents-left-tub">
                <li class="a1 overturns"></li>
                <li class="a2 overturns"></li>
                <li class="a3 overturns"></li>
                <li class="a4 overturns"></li>
                <li class="a5 overturns"></li>
              </ul>
              <div class="pc-footer-contents-left-foy">
                <ul>
                  <li>官方保障</li>
                  <li>服务保障</li>
                  <li>安全保障</li>
                  <li>支付多样</li>
                  <li>发票快递</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="pc-footer-contents-footers-middle">
            <table width="353" border="0" align="center" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td width="161"><img src="../assets/images/code_05.jpg" width="144" height="149"></td>
                  <td width="192" align="left">
                    <table width="190" border="0" cellspacing="0" cellpadding="0">
                      <tbody>
                        <tr>
                          <td height="60"><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.northsort.refutong" target="_blank" class="androidimg"></a></td>
                        </tr>
                        <tr>
                          <td height="60"><a href="https://itunes.apple.com/cn/app/re-fu-tong/id1132007580?mt=8" target="_blank" class="iosimg"></a></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="pc-footer-contents-footers-right">
            <div class="lianj">
              <a href="">合作机构</a><br>
              <a href="">合作企业</a><br>
              <a href="">合作加盟</a><br>
            </div>
            <div class="lianj">
              <a href="">关于我们</a><br>
              <a href="">帮助中心</a><br>
              <a href="">各省平台</a><br>
            </div>
          </div>
        </div>
        <div class="pc-footer-contents-footer-bottom">
          <div class="pc-footer-contents-footer-bottom-contents"><span style="display:none">主办单位：沈阳市供热管理办公室 </span>承办单位：辽宁北软技术开发有限公司<span style="display:none"></span><br> 版权所有：“热付通”供热行业便民缴费平台 ICP备案：辽B2-20150097 技术服务热线：400-024-2181 转 0
            <template>
              <el-button type="text" @click="open">[增值电信业务]</el-button>
            </template>&nbsp;&nbsp;
            <br><img src="//static.heatingpay.com/img/ghs.png" width="20" height="20">公安部信息安全三级21011613001-01099号
          </div>
        </div>
      </div>

    </el-footer>
  </el-container>
</div>
</template>

<script>
export default {
  name: 'PC',
  methods: {
     open() {
       this.$alert('<img src="//static.heatingpay.com/img/xkz.jpg" alt="">', '增值电信业务经营许可证', {
         dangerouslyUseHTMLString: true,
         center: true,
         showConfirmButton:false
       });
     }
  },
  created() {
    let is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|win ce)/i) != null;
    if (is_mobi && window.location.search.indexOf("mv = fp") < 0) {
      this.$router.push('/wap')
    }
  }
}
</script>
